html, body {
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 14px;
  font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', '微软雅黑', STXihei, '华文细黑', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ant-pro-page-container-children-content,
.ant-pro-page-container-warp-page-header {
  padding-inline: 24px !important;
}

.ant-form-item-control {
  .ant-form-item-control {
    max-width: 100% !important;
  }
}

.disabled-link {
  color: rgba(0, 0, 0, 0.25);
  cursor: no-drop;

  &:hover {
    color: rgba(0, 0, 0, 0.25);
  }
}

// 图标弹窗
.formatter-box-1 {
  display: flex;
  flex-direction: column;
  padding: 8px;

  .title {
    margin-bottom: 6px;
    color: #b7f2ff;
    font-weight: 400;
    font-size: 14px;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    line-height: 14px;
  }

  .dl {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    font-family: AlibabaPuHuiTi-Regular;
    line-height: 26px;

    &::before {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 6px;
      background: #6df87a;
      border-radius: 50%;
      content: '';
    }
  }

  .ws {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    font-family: AlibabaPuHuiTi-Regular;
    line-height: 26px;

    &::before {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 6px;
      background: #00e8ff;
      border-radius: 50%;
      content: '';
    }
  }

  .gj {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    font-family: AlibabaPuHuiTi-Regular;
    line-height: 26px;
  }
}

.ant-pro-form-login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 200px;
}

.ant-pro-global-header-logo {
}


.flex {
  display: flex;
}

.flex-inline {
  display: inline-flex;
}

.flex-col {
  .flex();
  flex-direction: column;
}

.jc-center {
  justify-content: center;
}

.jc-start {
  justify-content: flex-start;
}

.jc-end {
  justify-content: flex-end;
}

.jc-between {
  justify-content: space-between;
}

.jc-around {
  justify-content: space-around;
}

.ai-start {
  align-items: flex-start;
}

.ai-center {
  align-items: center;
}

.ai-end {
  align-items: flex-end;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}
